
<div id="ketQuaXS" class="clear menu-tab" data-tab="kqxs">
    <h1 class="label-bigwhite-1 kqxs">Kết quả xổ số</h1>
    <div class="content clear">

        <div id="filterKQXS" class="left">

            <label class="label-lightred-1">Chọn Tỉnh</label>
            <div id="threadResultProvince" class="selectedbox"></div>

            <label class="label-lightred-1">Chọn Ngày</label>
            <div id="threadResultDate" class="sodedate"></div>

        </div>

        <div id="tableKQXS" class="table-xs right"></div>        

    </div>   
</div>

<script>
    initKQXSDatepicker();
    handleCbKQXṢ();

    function initKQXSDatepicker() {
        $("#threadResultDate").datepicker({
            dateFormat: "dd-mm-yy",
            monthNamesShort: ["Tháng 01", "Tháng 02", "Tháng 03", "Tháng 04", "Tháng 05", "Tháng 06", "Tháng 07", "Tháng 08", "Tháng 09", "Tháng 10", "Tháng 11", "Tháng 12"],
            dayNamesMin: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"],
            maxDate: 0,
            firstDay: 1,
            changeMonth: true,
            changeYear: true,
            onSelect: function() {
                ajaxFillCbProvince();
            },
            onChangeMonthYear: function(year, month, inst) {
                var day = inst.selectedDay;
                $(this).datepicker('setDate', new Date(year, month - 1, day));
                ajaxFillCbProvince();
            }
        });

        $.ajax({
            url: URL_LODE + '/View/functions.php',
            type: 'GET',
            beforeSend: function() {
            },
            data: {
                action: 'GETCURRENTDATE'
            },
            success: function(data) {
                var currentDate = JSON.parse(data);
                var year = currentDate["Year"];
                var month = currentDate["Month"];
                var day = currentDate["Day"];
                var hour = currentDate["Hour"];
                var minute = currentDate["Minute"];
                setDateKQXSDatepicker(year, month, day, hour, minute);
                ajaxFillCbProvince();
            }
        });
    }
    function getDateKQXS() {
        var $threadResultDate = $("#threadResultDate");
        var date = $threadResultDate.datepicker('getDate');
        var dayOfWeek = date.getUTCDay();
        var day = date.getDate() >= 10 ? date.getDate() : "0" + date.getDate();
        var month = (date.getMonth() + 1) >= 10 ? date.getMonth() + 1 : "0" + (date.getMonth() + 1);
        var year = date.getFullYear();
        date = day + '-' + month + '-' + year;
        var dayofweekName = ["Thứ Hai", "Thứ Ba", "Thứ Tư", "Thứ Năm", "Thứ Sáu", "Thứ Bảy", "Chủ Nhật"];
        return {date: date, dayOfWeek: dayOfWeek + 2, dayofweekName: dayofweekName[dayOfWeek]};
    }

    function setDateKQXSDatepicker(y, m, d, h, mi) {
        var timeResult = parseInt(h) * 60 + parseInt(mi);
        (timeResult < 990) ? $("#threadResultDate").datepicker("setDate", "-1d") : "";
    }

    function ajaxFillCbProvince() {
        var d = getDateKQXS();
        $.ajax({
            url: URL_LODE + '/View/kqxs.php',
            type: 'POST',
            beforeSend: function() {
            }, data: {
                action: 'GETTINHXS',
                dayID: d.dayOfWeek
            },
            success: function(data) {
                $('#threadResultProvince').html(data);
                handleSelectedBox();
                var cbProvince = $('#provinceSelect').val().split(';');
                var regionID = cbProvince[0];
                var province = cbProvince[1];
                ajaxFillTableKQXS(regionID, d.date, province);
            }
        });
    }
    function handleCbKQXṢ() {
        $('#threadResultProvince').delegate('ul > li', 'click', function() {
            var d = getDateKQXS();
            var cbProvince = $(this).data('value').split(';');
            var regionID = cbProvince[0];
            var province = cbProvince[1];
            ajaxFillTableKQXS(regionID, d.date, province);
        });
    }
    function ajaxFillTableKQXS(regionID, resultDate, province) {
        $.ajax({url: URL_LODE + '/View/kqxs.php',
            type: 'POST', beforeSend: function() {
                mb.createloadingTable1('#tableKQXS');
            },
            data: {action: 'GETKQXS',
                regionID: regionID,
                resultDate: resultDate,
                province: province
            },
            success: function(data) {
                $('#tableKQXS').html(data);
                fillTitleTableKQXS();
            },
            complete: function() {
                mb.destroyloadingTable1();
            }
        });
    }
    function fillTitleTableKQXS() {
        var provincename = $('#threadResultProvince label').text();
        var d = getDateKQXS();
        var date = d.date;
        var dayofweekName = d.dayofweekName;
        $('#tableKQXS > .caption').find('.tinh').html(provincename);
        $('#tableKQXS > .caption').find('.ngaythang').html(' Ngày ' + date);
        $('#tableKQXS > .caption').find('.dayofweek').html(' (' + dayofweekName + ')');
    }
</script>